<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Admin</title>
	<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    
	<link rel="stylesheet" type="text/css" href="../lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../lib/bootstrap/css/bootstrap-responsive.css">
    <link rel="stylesheet" type="text/css" href="../stylesheets/theme.css">
    <link rel="stylesheet" href="../lib/font-awesome/css/font-awesome.css">
    
<script src="../lib/jquery-1.8.1.min.js" type="text/javascript"></script>
<script src="../lib/bootstrap/js/bootstrap.js"></script>

<script type="text/javascript">
$(document).ready(function(e) {
    var opr=$("#opr ul li a");
	
	opr.click(function(){
		var opr_cl=$(this).attr("rel");
		
		switch(opr_cl){
			case "add_items":
				$("#fr_opr").load("../action/Item.php");
			break;	
			case "view_items":
				$("#fr_opr").load("../action/viewitem.php");
			break;
			case "Sale_Items":	
			$("#fr_opr").load("../action/Users.php");
			break;
		}
	});
	
});
</script>


    
<style type="text/css">
	body{
		margin:0;
		padding:0;
		font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
		font-size:13px;
		color:#333;
	}
	#opr{
		background:#EEE;
		border:1px solid #CCC;
		width:150px;
		float:left;
		padding-left:10px;
		height:500px;
	}
	#fr_opr{
		border:1px solid #CCC;
		margin:10px;
		padding-left:270px;
		height:500px;
		}
	.clear{
		clear:both;
		margin:0;
		padding:0;
		height:0;
		}
	#footer{
		margin:10px;
		padding:10px;
		text-align:center;
		}
</style>
</head>

<body>
<div>
	<font color="#003366" size="4">Project Demo</font>
    <input type="text" size="60" id="txtsearch">
    <input type="button" id="btn_search" value="Find">
 </div>
<hr size="1" color="#CCCCCC">
<div>
	<div id="opr">
    	<h3>Operation</h3>        
        <b>Manage Items</b>
        <ul>
        	<li><a href="#" rel="add_items">Add Items</a></li>
            <li><a href="#" rel="view_items">view Items</a></li>
            <li><a href="#" rel="Sale_Items">Sale Items</a></li>
        </ul>        
    </div>
    
        
    <div id="fr_opr">
    	Operation will appear here.
    </div>
</div>
<p class="clear" />
<div id="footer">
	&copy;Copyright 2014, By Mr. Sovann.
</div>
</body>
</html>